<br><br>
<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <div class="row roomTitle" style="border-bottom: 1px solid #e5e5e5;">
        <div class="col-sm-5 title">
          <span class="glyphicon glyphicon-th-list"></span>
          <label >车辆管理</label>
        </div>
        <div class="col-sm-4 searchstyle">
          <app-cam-manage-search></app-cam-manage-search>
        </div>
        <div class="col-sm-3 buttonstyle">
          <button id="btn_roomadd" type="button" class="btn btn-default btn-sm buttonAdd" (click)="newVehicle()">
            新建
          </button>
        </div>
      </div>
      <div class="row">
        <br>
        <app-cam-manage-list></app-cam-manage-list>
      </div>
    </div>
    <div class="col-sm-8 line" >
      <div class="row">
        <div class="tabbable" id="tabs-949232" style="height: 600px;">
          <ul class="nav nav-tabs">
            <li class="active" >
              <a href="#panel-1" data-toggle="tab">&nbsp;详情&nbsp;</a>
            </li>
            <li>
              <a href="#panel-2" data-toggle="tab">用车维护</a>
            </li>
            <li>
              <a href="#panel-3" data-toggle="tab">出车记录</a>
            </li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="panel-1" >
              <br>
              <router-outlet></router-outlet>
            </div>
            <div class="tab-pane" id="panel-2">
              <br>
              <app-maintain-record-home></app-maintain-record-home>
            </div>
            <div class="tab-pane" id="panel-3">
              <br>
              <app-cam-record-home></app-cam-record-home>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

